﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="ChangePassword.aspx.cs" Inherits="ChangePassword" %>

<asp:Content ID="Content1" ContentPlaceHolderID="BodyContent" runat="Server">
    <div class="contentfull">
        <div class="breadcrumbs">
            <ul id="crumbs">
                <li><a title="My Account" href="/account/">My Account</a>
                    <img src="Content/Images/separator.png" alt="&rarr;" class="separator">
                    <a title="Preferences" href="UserAccount.aspx">Settings</a>
                    <img src="Content/Images/separator.png" alt="&rarr;" class="separator">
                    Change Password 			</li>
            </ul>
        </div>

        <div id="showMessages">
            <%= GetMessage() %>
        </div>

        <div class="top">
            <h1 class="center">Change Password</h1>
        </div>

        <div class="content">
            <div class="start-box">
                <fieldset class="start-bg">
                    <form method="POST" action="ChangePassword.aspx?action=cp">
                        <div class="prepend-box">
                            <span class="add-on">
                                <img src="Images/password32.png" alt="Password icon."></span>
                            <label for="oldpassword" class="prepend-label">Current Password</label>
                            <input type="password" class="prepend glow" name="oldpassword" id="oldpassword" />
                        </div>
                        <div class="prepend-box">
                            <span class="add-on">
                                <img src="Images/password32.png" alt="Password icon."></span>
                            <label for="newpassword1" class="prepend-label">New Password</label>
                            <input type="password" class="glow prepend" name="newpassword1" id="newpassword1" />
                        </div>
                        <div class="prepend-box">
                            <span class="add-on">
                                <img src="Images/password32.png" alt="Password icon."></span>
                            <label for="newpassword2" class="prepend-label">Confirm New Password</label>
                            <input type="password" class="glow prepend" name="newpassword2" id="newpassword2" />
                        </div>
                        <input type="submit" value="Submit" class="yellow_button yshort right" />
                    </form>
                </fieldset>
                <script>
                    // Load the inline label JS and call its function only if the browser supports CSS opacity.
                    Modernizr.load({
                        test: Modernizr.opacity,
                        yep: 'Scripts/jquery.inline-labels.js',
                        callback: function (url, result, key) {
                            $('label.prepend-label').inlineLabel();
                        }
                    });
                </script>
            </div>
            <!-- /.start-box -->
        </div>
    </div>
</asp:Content>

